<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> 语义化内容呈现</title>
    <style type="text/css">
   .first{ 
    text-align:center;
    font-weight:bolder;
    font-size:50px ;
    color:rgb(102, 204, 255);}
    body{background-color: azure;}
    a{font-weight:bolder;
        font-size:10px ;}
    .se{margin:0px 0px 0px 400px;}
    body{margin:0px 0px 0px 100px; }/*外边距属性:上右下左*/
    aside{width: 500px;}
    p{ text-indent:2em;}
    .ti{font-size:20px ;
        text-indent:0em;}

  </style>
</head>

<body>
  <header class="first">洛天依的网页</header>

    <header>
       <nav>
           <a class="se" href=C:\Users\HUAWEI\Desktop\rsj.html\洛天依\洛天依的百度百科.html>洛天依的百度百科</a>&emsp;&emsp;
           <a href="C:\Users\HUAWEI\Desktop\rsj.html\洛天依\洛天依的背景.html">洛天依的背景</a>&emsp;&emsp;
           <a href=C:\Users\HUAWEI\Desktop\rsj.html\洛天依\洛天依的作品.html>洛天依的作品</a>
       </nav>
    </header>
  <article>
    <aside>
        <nav>
            <a href="C:\Users\HUAWEI\Desktop\rsj.html\歌词\天行健.html">天行健</a><br>
            <a href="C:\Users\HUAWEI\Desktop\rsj.html\img\1.jpg">照片1</a><br>
            <a href="C:\Users\HUAWEI\Desktop\rsj.html\img\2.jpg">照片2</a>
        </nav>
    </aside>
  </article>
  <main>
   <section >
    <h3>洛天依的背景:</h3>
      <p>在初始人物设定中，洛天依是一个情感丰富的15岁花季少女，灰发、绿瞳，穿着蓝白色旗袍裙装，发饰碧玉、腰坠中国结,
       有天<br>然呆萌特质，温柔、细致，既有为别人流泪的温柔，也有历经挫折绝不放弃的坚强，擅长用歌声表现自己和他人
       的感情，并决心成<br>为传递幸福与感动的歌手。</p>
    </section>
    <section>
       <h3>名字由来：</h3>
        <p>洛天依全名取自“华风夏韵，洛水天依”，承载着千年中国传统文化中人们对于美好和幸福的憧憬。</p>
    </section>
  </main>
  <footer>
    <nav>
        <hr>
    <p class="ti">联系方式： 
        <a class="ti"  href=".//手机号.html">手机号</a>
        <a class="ti"  href="./QQ号.html">QQ号</a>
    </p>
       
    </nav>
  </footer>
</body>

</html>